
// 替换现有的导航栏基础交互代码为：
// 页面加载后默认激活仪表盘
window.addEventListener('load', () => {
    const defaultSection = document.querySelector('.content-section.active') || document.getElementById('dashboard');
    defaultSection?.classList.add('active');

    const activeNavItem = document.querySelector(`[data-target="${defaultSection?.id}"]`);
    activeNavItem?.classList.add('active');
});

document.querySelectorAll('.sidebar-nav > ul > li.nav-item').forEach(item => {
    item.addEventListener('click', function(e) {
        if(this.querySelector('.submenu')) return; // 有子菜单的交给子菜单处理

        // 原始导航处理逻辑
        document.querySelectorAll('.sidebar-nav li').forEach(el => el.classList.remove('active'));
        document.querySelectorAll('.content-section').forEach(section => section.classList.remove('active'));

        this.classList.add('active');
        const targetSection = document.getElementById(this.dataset.target);
        if(targetSection) targetSection.classList.add('active');
    });
});

//  导航子菜单交互
// 在DOM加载完成后添加以下代码
document.addEventListener('DOMContentLoaded', function() {
    // 激活当前菜单项样式
    function setActiveNav(target) {
        document.querySelectorAll('.nav-item').forEach(item => {
            const shouldActivate = item.dataset.target === target ||
                item.querySelector(`[data-target="${target}"]`);
            // console.log(shouldActivate)
            item.classList.toggle('active', shouldActivate);
        });
    }

    // 增强版子菜单交互
    const menuItems = document.querySelectorAll('.nav-item:has(.submenu)');
    menuItems.forEach(item => {
        const submenu = item.querySelector('.submenu');

        item.addEventListener('click', function(e) {
            e.stopPropagation();

            // 默认展开第一个子项
            if (!submenu.classList.contains('active')) {
                const firstSubItem = submenu.firstElementChild;
                if (firstSubItem) {
                    const targetSection = document.getElementById(firstSubItem.dataset.target);
                    document.querySelectorAll('.content-section').forEach(section => {
                        section.classList.remove('active');
                    });
                    targetSection.classList.add('active');
                }
            }

            // 切换菜单状态
            const wasActive = submenu.classList.contains('active');
            closeAllSubmenus();
            if (!wasActive) {
                submenu.classList.add('active');
                item.classList.add('active');
            }

            setActiveNav(item.dataset.target);
        });

        // 子菜单点击处理
        submenu.querySelectorAll('li').forEach(subItem => {
            subItem.addEventListener('click', function(e) {
                e.stopPropagation();
                const target = this.dataset.target;

                // 更新内容区
                document.querySelectorAll('.content-section').forEach(section => {
                    section.classList.remove('active');
                });
                document.getElementById(target)?.classList.add('active');

                // 更新菜单状态

                item.classList.add('active');
                setActiveNav(target);
            });
        });
    });

    // 全局点击关闭处理
    document.addEventListener('click', function(e) {
        if (!e.target.closest('.nav-item')) {
            closeAllSubmenus();
            // 保持当前内容区对应的菜单项激活
            const activeSection = document.querySelector('.content-section.active');
            if (activeSection) {
                setActiveNav(activeSection.id);
            }
        }
    });
    function closeAllSubmenus() {
        // 1. 关闭所有子菜单
        document.querySelectorAll('.submenu').forEach(menu => {
            menu.classList.remove('active');
        });

        // 2. 移除所有导航项的激活状态
        document.querySelectorAll('.nav-item').forEach(item => {
            item.classList.remove('active');
        });

        // 3. 保持当前内容区对应菜单项的激活状态
        const activeSection = document.querySelector('.content-section.active');
        if (activeSection) {
            const targetId = activeSection.id;
            document.querySelectorAll(`[data-target="${targetId}"]`).forEach(el => {
                el.closest('.nav-item').classList.add('active');
            });
        }
    }


});








// 在teacher.js中添加交互功能
// document.addEventListener('DOMContentLoaded', function() {
//     // 头像上传预览
//     const avatarInput = document.getElementById('avatarInput');
//     const avatarPreview = document.getElementById('avatarPreview');
//
//     avatarInput.addEventListener('change', function(e) {
//         const file = e.target.files[0];
//         if (file) {
//             const reader = new FileReader();
//             reader.onload = function(e) {
//                 avatarPreview.src = e.target.result;
//             }
//             reader.readAsDataURL(file);
//         }
//     });
//
//     // 编辑模式切换
//     const editBtn = document.querySelector('.btn-edit-profile');
//     const form = document.querySelector('.profile-form');
//     const infoSection = document.querySelector('.info-section');
//
//     editBtn.addEventListener('click', () => {
//         form.style.display = 'block';
//         infoSection.style.display = 'none';
//         editBtn.style.display = 'none';
//     });
//
//     // 取消编辑
//     document.querySelector('.btn-cancel').addEventListener('click', () => {
//         form.style.display = 'none';
//         infoSection.style.display = 'block';
//         editBtn.style.display = 'block';
//     });
//
//     // 表单提交
//     document.querySelector('.profile-form').addEventListener('submit', function(e) {
//         e.preventDefault();
//         // 这里添加实际提交逻辑
//         form.style.display = 'none';
//         infoSection.style.display = 'block';
//         editBtn.style.display = 'block';
//         alert('个人信息已更新！');
//     });
// });











